/* CSS Document */
@charset "utf-8";



.sortt2>div>ul{ width:100%;}
@media screen and (min-width :1921px){
.flash .picli img{ display:block; width:100%;}
.box{ width:1850px;}
.block ,.pro .econtent{
  padding-top: 100px;
  padding-bottom: 100px;
}
.case .left{ width:575px;}
.case .left+.right{ width:calc(98% - 575px);}
.case .left + .right .picli div.img {
  max-height: 318px;
  min-height: 318px;
}

.about .left .morei span,.news .more a,.case .more a,.pro .morei a{ line-height:45px; padding-left:50px; padding-right:50px; font-size:18px;}
.case .more a{ padding-right:60px;}
.bannerin{ background-size:100%; min-height:24.7vw}


.sortt2>div{ padding-bottom:30px; padding-top:30px;}


.sortt2 div>ul>li>a{ padding-left:80px; padding-right:80px;}
.sortt2 div> ul ul{ padding-left:20px; padding-right:20px;}
.sortt2 div> ul ul li{ font-size:16px; }



#cms .picli div.img>div{ min-height:413px; max-height:413px;}


}
@media screen and (max-width :1920px){
.about{ background-size:auto 100%;}
.news .r .picli{  width:44%; padding-left:3%; padding-right:3%;}
}
@media screen and (min-width :2200px){
.box{ width:2000px;}
.case .left{ width:620px;}
.case .left+.right{ width:calc(98% - 620px);}
.case .left + .right .picli div.img {
  max-height: 344px;
  min-height: 344px;
}
#cms .picli div.img>div{ min-height:447px; max-height:447px;}
}

@media screen and (max-width :1920px) and (min-width :1650px){

.box{ width:calc(100vw - 100px); max-width:1500px;}

.case .left{ width:470px;}
.case .left+.right{ width:calc(98% - 465px);}
.case .left + .right .picli div.img {
  max-height: 258px;
  min-height: 258px;
}

.block,.pro .econtent {
  padding-top: 50px;
  padding-bottom: 50px;
}

.about .left .morei span,.news .more a,.case .more a,.pro .morei a{ line-height:45px; padding-left:50px; padding-right:50px; font-size:18px;}
.case .more a{ padding-right:60px;}





.sortt2 div>ul>li>a{ padding-left:80px; padding-right:80px;}
.sortt2 div> ul ul{ padding-left:20px; padding-right:20px;}
.sortt2 div> ul ul li{ font-size:16px; }


}

@media screen and (max-width :1650px){
.box{ width:1500px;}
.case .left{ width:425px;}
.case .left+.right{ width:calc(98% - 420px);}
}
@media screen and (max-width :1550px){
.box{ width:1400px;}
/*#foot .lxin{ padding-right:50px; width:280px;}
#foot .fnav.two{ width:320px;}*/

/*#cms .picli div.img > div,#cms .picli div.img > div img {
  overflow: hidden;
  min-height: 235px;
  max-height: 235px;
}

.proboxim div.img{ min-height:400px; max-height:400px;}
.proboxim div.img img{  max-height:400px;}*/
.case .left{ width:400px;}
.case .left+.right{ width:calc(98% - 390px);}
.case .left + .right .picli div.img {

  max-height:215px;
  min-height:215px;
}

#cms .picli div.img>div{ overflow:hidden; min-height:310px; max-height:310px;}
	
}

@media screen and (max-width :1450px){
.box{ width:1300px;}

#foot .fnav{ margin-right:40px;}

.honorin .picli{ width:25%; }
.honorin .picli:nth-child(5n+1){ clear:none;}
.honorin .picli:nth-child(4n+1){ clear:both;}
#cms .picli div.img > div {
  min-height: 288px;
  max-height: 288px;
}



.proboxim div.img{ min-height:380px; max-height:380px;}
.proboxim div.img img{max-height:380px;}
.probox{ width:53%;}
.proboxim{  width:45%;}

}

@media screen and (max-width: 1400px) {

.nav> ul> li> a{ font-size:18px; }
/*#header .nav ul li li a{ font-size:15px; }*/




}


@media screen and (max-width :1366px){

.case .left{ width:380px;}
.case .left+.right{ width:calc(98% - 380px);}
.case .left + .right .picli div.img {
  max-height:204px;
  min-height:204px;
}

.nav{ width:calc(100% - 350px);}
.nav> ul{ display:table; width:100%;}
.nav> ul> li{ display:table-cell; float:none;}
.nav> ul> li> a{ padding-left:0px; padding-right:0px;}

.about .left .hc{ padding-top:20px;}
.about .right{ padding-top:20px;}
.about {
  min-height: 0px; background-size:100% 100%;

}
.about .left .h1 {
  padding-top: 0px; font-size:42px;
}
.pro .picli .right .ntitle {
  font-size: 36px;
}
.etitle b{ font-size:36px;}

.box{ width:1200px; min-width:1000px;}

.news  .r .picli .img{width:100%; overflow:hidden; min-height:155px; max-height:155px;}

#foot .fnav{
	float:left;
	width:250px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(255,255,255,0.1); margin-right:30px; min-height:180px; 
}
#foot .fnav.two{ width:260px;}
/*#foot .lxin{ padding-right:50px; width:280px;}
#foot .fnav.two{ width:320px;}*/

#foot .lxin .tel{  line-height:50px;}
#foot .lxin{ float:left;  width:350px; padding-right:30px; line-height:1.5; padding-right:0; }






















.flash .picli{ min-height:500px; background-size:auto 100%;}

#cms .picli div.img > div {
  overflow: hidden;
  min-height: 265px;
  max-height: 265px;
}





.proshow div.left{width:550px;}

.proshow div.img{min-height:360px; max-height:360px;}

.proshow div.img img{ max-height:550px; }
.proshow .right{ width:calc(100% - 600px);}
.proshow .right .t3{ margin-top:5px;}
.y2{ padding:0;}
.y2 .yli .tt1,.y1 .yli .tt1{ font-size:16px;}
.proshow .right .t4 { padding-top:5px;}


.proboxim div.img{ min-height:330px; max-height:330px;}
.proboxim .right .dp{ font-size:16px; line-height:1.5; font-weight:normal;}
.proboxim div.img img{max-height:330px;}
.probox{ width:50%;}
.proboxim{  width:48%;}

.news .r .picli{  width:46%; padding-left:2%; padding-right:2%;}

}
@media screen and (max-width :1300px){






.boxin .caseli{ width:calc(94% / 3); margin-left:1%; margin-right:1%;}
.boxin .caseli:nth-child(3n+1){ clear:both;}
}
@media screen and (max-width :1230px){




body{ min-width:1000px;} 
.box{ width:1100px; min-width:1000px;}
#cms .newsli{ width:100%;}

.aboutpic .left .h1{ font-size:36px; }
.aboutpic .left .h2{ font-size:20px;}

#foot .fnav{ width:220px;}
#foot .lxin{ width:300px; margin-right:0;}
#foot .fnav.two{ width:220px;}




.case .left{ width:350px;}
.case .left+.right{ width:calc(98% - 350px);}
.case .left + .right .picli div.img {
  max-height:187px;
  min-height:187px;
}













#postion .leftdh{ line-height:70px;}
#postion .postion{ min-height:70px; max-height:70px; }
#postion .leftdh ul>li a{ padding-left:15px; padding-right:15px; font-size:18px;}


.flash .picli{ min-height:400px;}



/*.y2 .yli{ width:50%; float:left;}*/


#cms .picli div.img > div {
  min-height: 242px;
  max-height: 242px;
}


}




@media screen and (max-width :1050px){

.nav > ul > li > a{ font-size:16px; }

}

@media screen and (max-width :1024px){ 

#header .logo{ max-width:200px; overflow:hidden;}
#header .logo img{ max-width:100%;height:55px;}
.search {
  height: 83px;
}
.nav{ width:calc(100% - 280px);}
.nav> ul> li> a{ font-size:15px; line-height:83px;}
#header + div {
  height: 95px;
}
#header .nav ul li li a{ font-size:12px;}
#header .nav> ul> li> ul{ width:140%; left:-20%;}
.about .left .h1 { font-size:40px;}
.about .left .hc{ padding-top:20px;}


.aboutpic .left,.aboutpic .right{ width:100%; max-width:100%;}
.aboutpic .right img{ width:100%;}
.aboutpic .right{ margin-top:0px;}


.pro .picli{ min-height:400px; padding-top:20px; padding-bottom:20px;}
.pro .picli .img{ width:40%; margin-right:5%;max-height:40vw; min-height:40vw; display: flex;
    justify-content:center;
    align-items:center;}
.pro .picli .img img{ max-height:40vw; }
.pro .picli .right{}
.pro .picli .right .ntitle { font-size:24px;}
.pro .picli .right .morei a { font-size:16px; padding-left:30px; padding-right:30px;}
.pro .picli .right{ width:55%;}

.pro .picli .right .dp{ margin-top:10px;}
.pro .picli .right .dp h2{ font-size:18px; margin-top:3px; margin-bottom:3px; padding:0;}

.box{ width:900px; min-width:880px;}



.etitle { font-size:28px;}




.case .left{ width:290px;}
.case .left+.right{ width:calc(98% - 295px);}
.case .left + .right .picli div.img {
  max-height:150px;
  min-height:150px;
}


.news .l{ width:100%;}
.news .r{ width:100%; padding-top:0px;}
.news .r .picli .right{ padding-right:50px; padding-left:20px;}
.news .r .picli .right .morei{ position:absolute; top:50%; margin-top:-16px; right:0px; padding:0;}

.news .r .picli .right .dp{ display:none;}
.news .r .picli .right .date{ display:block;}
.news .r .picli .img{ display:none;}
.news .r .picli{ width:100%;
	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; margin-left:0; margin-right:0; 
}

.news .r .picli .right:before {
  position: absolute;
  left: 0;
  top: 10px;
  height: calc(100% - 20px);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #1F4A9C;
  content: '';
}
.news .r .picli:hover:after{ width:100%;}


#foot .fnav{ width:180px; margin-right:15px;}
#foot .lxin{ width:250px;margin-right:0; padding-right:15px;}

#foot .fnav.two{ width:250px;}
#foot .qrcode{ display:none;}

























.bannerin { min-height:300px; background-size:auto 300px;}



.honorin .picli a{ min-height:16vw; max-height:16vw;}

#cms .picli{ width:31.333333%;}
#cms .picli:nth-child(4n+1){ clear:none}
#cms .picli:nth-child(3n+1){ clear:both}


.contact .left{ float:left; width:100%; padding-left:20px; padding-right:20px;}
.contact .right{ float:left; width:100%; padding-top:20px;padding-left:20px; padding-right:20px;}
.contact .map iframe{ width:100%; min-height:350px;}

#postion .postion{ display:none;}





#cms .picli div.img > div {
  min-height: 196.5px;
  max-height:196.5px;
}
.proshow div.left{ width:100%;}
.proshow div.img{ width:100%; min-height:0; max-height:10000px;}
.proshow .right{ clear:both; width:100%; padding-top:20px;}


.proboxim div.img{ min-height:250px; max-height:250px;}
.proboxim div.img img{max-height:250px;}
.proboxim .right .dp{ font-size:14px; line-height:1.5; font-weight:normal;}
.news .r .picli{ border:none; padding-left:0; padding-right:0;}
.news .r .picli:after{ display:none;}
}

.proshow .title{ display:none;}
@media screen and (max-width :768px){

.sortt2 div>ul>li>a{ font-weight:normal;}

.sortt2 div> ul ul{ display:none; }


#foot .foot{ padding-top:0;}
#foot .copy > .fl{ min-height:0;}
.etitle b{ font-size:24px;}

.block{ padding-top:20px; padding-bottom:20px;}
.about .left .h1{ font-size:24px; background-size:auto 40px;  }
.about .left .hc{ font-size:16px; line-height:2; padding-top:10px; line-height:1.5;}
.flash .picli{ min-height:45vw;}
#header + div {
  height: 55px;
}
body,.box{ min-width:250px;--swiper-navigation-size:30px;}
#header.navbg{ display:none}
#foot .box{ max-width:98%;}
.app_header{background-color:#fff; display:block; position:fixed; z-index:2;}
#postion .leftdh{ display:none;}
#postion .postion{ float:left; width:100%; text-align:left; display:block; min-height:0; padding-top:10px; padding-bottom:10px;}
/*.app_top{ height:50px; float:left; width:100%;}*/
#pages,.box{ max-width:100%; min-height:0px;}
.box{ max-width:100%; padding-left:10px; padding-right:10px; width:100%;box-sizing:border-box; }
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22;  display:block; top:0px; left:0px; box-shadow:0 0 5px rgba(0,0,0,0.3);
}
#header.navbg.fixed4 + .clear {
  height: 55px;
}
.bannerin { min-height:200px; background-size:auto 200px;}


	.app_header .app_logo{ width:250px;    float:left; padding-top:5px; padding-bottom:5px;}
.app_header .app_logo img{  height:45px;}
	.app_header .morenav{ float:right; display:block; color:#000; width:40px; height:40px; margin-top:5px;  line-height:40px; text-align:center; position:absolute; top:0%; right:0px; margin-top:0px; height:55px; background-color:#1F4A9C; color:#FFFFFF; width:55px; text-align:center; line-height:55px;}

#menu{ z-index:999;}


#foot{ padding-top:0; padding-bottom:65px;}
#foot .qrcode{ text-align:left; float:left; width:100%; display:none}
#foot .fnav{ width:50%;box-sizing:borer-box; margin-right:0; display:none;}
#foot .copy .fl{ padding-right:50px; font-size:12px; line-height:1.5;}
#foot .copy{ margin-top:0; border:none;}



.about .left .morei{ padding-top:10px;}
.about .left{ width:100%; float:left;max-width:100%; min-height:0; padding-left:20px; padding-right:20px;}



.about .left .h1{ font-size:24px;}
.about .left .h2{ font-size:22px;}
.about .left .hc{  line-height:1.5; padding-top:10px;}



.news .picli .right .ntitle{ font-size:16px;}
.news .econtent,.psort{ padding-top:20px;}
.news .l .picli .img { width:150px;min-height: 100px;
max-height: 100px;}
.news .picli .img img{ min-height:100px;}
.news .l .picli:nth-child(1) .img + .right {
  width: calc(100% - 160px);
  float: right;
  padding-right: 0px;
}
.news .l .picli:nth-child(1) .right .dp{ max-height:3em;}
.news .l .picli:nth-child(1){ padding-bottom:0;}

.pro .etitle{ display:block; margin-bottom:20px;}

.protitle ul li .img{ min-height:20vw; max-height:20vw; overflow:hidden;display: flex;
    justify-content:center;
    align-items:center;}
.protitle ul li .img img{ max-width:100%; max-height:100%;}
	
.case .left{ width:96%; margin-left:2%; margin-right:2%; margin-bottom:10px;}
.case .left div.img{ display: flex;
    justify-content:center;
    align-items:center; max-height:200px;}
.case .left div.img a{ display:block; width:100%;}
.case .left div.img img{ min-width:100%; max-height:10000px;}	
.case .left+.right{ width:100%; float:right;}


.titledp{ font-size:16px;}
#footnav{ display:block}



.yingyong .econtent{ margin:auto; width:100%;}



.aboutpic .left .more{ text-align:center;}
.aboutpic .left,.aboutpic .right{ width:100%; float:left;max-width:100%; min-height:0;}
.aboutpic .right{ padding-top:5px; margin-top:20px;}
.aboutpic .left{ padding-left:20px; padding-right:20px;}
.aboutpic .right .swiper-slide img{ width:100%;}


.aboutpic .left .h1{ font-size:24px;}
.aboutpic .left .h2{ font-size:22px;}
.aboutpic .left .hc{  line-height:1.5; padding-top:10px;}





#cms1 h1.h1 + .content {
  padding-top: 5px;
}
#cms1 .content{ line-height:1.5; }
#cms1 .h1{font-size:24px;}
#cms1 .content h1{ font-size:22px;}
#cms1 .content h2{ font-size:20px;}
#cms1 .content h3{ font-size:18px;}
.boxin{ padding-top:20px; padding-bottom:20px;}

/*img[align="right"]{ margin:5px;}*/


.honorin .picli{ width:50%;}
.honorin .picli a{ min-height:32vw; max-height:32vw;}
.honorin .picli:nth-child(2n+1){ clear:both;}
 


 
 #cms .newsli div.img{ width:120px; }

#cms .newsli .right .hc{ margin-right:130px; }
#cms .newsli div.img{ margin-top:-43px;}
#cms .newsli div.img img {
  width: 100%;
  min-height: 80px;
  max-height: 80px;
}

#cms .picli{ width:48%; padding:5px;}
#cms .picli:nth-child(3n+1){ clear:none}
#cms .picli:nth-child(2n+1){ clear:both}







#cms .picli div.img > div {
min-height:32vw; max-height:32vw;
}
.proshow .img{ width:100%;}
.proshow .img img{ width:100%; max-height:1000000px; min-height:0;}
.proshow .left{ width:100%;}
.proshow .right{ margin:auto; margin-top:0px; clear:both; width:100%; float:left;}
.proshow .title{ display:block; font-size:24px; text-align:center; padding-bottom:10px; color:#000000;}
.proshow .right .t1{ display:none;}
.proshow .right .t2,.proshow .right .t3{padding-top:0;}
.ptitle b{font-size:18px;}

.bannerin .h1{ font-size:32px; font-weight:bold;}
.bannerin .h2{ font-size:22px;}

.sort{ display:block; line-height:28px;}

.sort>ul>li{ float:left; width:50%;   text-align:center; margin:auto;}
.sort ul ul{ display:none;}
.sort>ul>li>a{
	display:block;margin-left:-1px; margin-top:-1px;
	border: 1px solid #dddddd; padding:0; padding-top:5px; padding-bottom:5px;border-radius:0; font-size:16px; min-height:3em; max-height:3em; line-height:1.5;display: flex;
    justify-content:center;
    align-items:center;  
}
.sort>ul>li.hover>a{ background-color:#1F4A9C; color:#FFFFFF;}



.proshow div.img img{ max-width:500px; min-width:0px;}


.proshow div.img{ max-width:100%; max-height:80vw; min-height:0;}



.proshow .right .t1{ font-size:24px;}
.proshow .right .t2{ font-size:18px;}
.proshow .right .t3{ font-size:18px; box-sizing:border-box; margin-top:0;}

.proshow .right .t4 a{ display:block; text-align:center;}
.proshow .right .t4 {
  padding-top: 15px;
}


.y2 .yli{ float:left; width:100%; margin-top:0px; margin-bottom:0px;}
.y2 .yli:nth-child(2n+1){ clear:both; border:none;}



.psort a{ float:left; width:32%; margin-left:2%; margin-top:5px; margin-bottom:5px; margin-right:0;}
.psort a:nth-child(3n+1){ clear:both; margin-left:0; text-align:center; padding-left:0; padding-right:0;}



.contact .map iframe {
  min-height:40vw;
}


/*.protitle .title{width:100%; text-align:center; position:relative; background-color:#FFFFFF; background-image:none; color:#1F4A9C; line-height:1.2; padding-top:30px; padding-bottom:20px; z-index:2;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-bottom:30px;}
.protitle .title .t1{color:#1F4A9C; color:rgba(32,74,156,1); font-size:32px;}
.protitle .title .t2{ color:#000000; padding-top:10px; font-size:28px; font-weight:bold; position:relative; padding-bottom:10px;}
.protitle .title .t2:after{ content:''; height:5px; background-color:#1F4A9C; position:absolute; left:50%; bottom:0; width:2em; margin-left:-1em;}
.protitle .more{ width:100px;}*/
.protitle ul{ float:left;width:100%;}
.protitle ul li{ display:block; float:left; width:25%;border-bottom: 1px solid #dddddd;}
.protitle .more{ display:none;}


.contact  .left {
  line-height: 1.5;
}
.contact .econtent .left h1 { font-size:20px;}
.block .econtent{ padding-top:20px;}



.sort + div{ display:none;}
.sort{ position:relative; z-index:1;}
.sort div > ul > li,.sort.fixed div > ul > li{ float:left; width:calc(33.33333% - 10px); margin-top:0; margin-bottom:0; margin-left:5px; margin-right:5px;}
.sort div > ul > li > a,.sort.fixed div > ul > li a { border: 1px solid #eeeeee;font-size:12px; line-height:1.5; min-height:3em; max-height:3em; overflow:hidden;display: flex;
    justify-content:center;
    align-items:center; padding-left:10px; padding-right:10px; margin-top:5px; margin-bottom:5px;}
.sort.fixed{ position:relative;}	
.sort.fixed+div{ display:none;}
.boxin .caseli{ width:48%;}
.boxin .caseli:nth-child(2n+1){ clear:both;}
.boxin .caseli:nth-child(3n+1){ clear:none;}

.y2 .yli{ width:100%; padding:0; min-height:0; text-align:left;}



.proboxim{ width:100%; min-height:100vw; min-height:100vw; text-align:center;display:none; }
.proboxim .li{ padding-bottom:20px;}
.proboxim .swiper-pagination{ text-align:center; top:auto; bottom:0;}
.probox{ width:100%; }
.probox .boxli{border-radius:5px;}
.probox .boxli{ width:48%; margin-left:1%; margin-right:1%;}
.probox .boxli:nth-child(3n+1){ clear:none;margin-left:1%; margin-right:1%;}
.probox .boxli:nth-child(2n+1){ clear:both;}


.sort {

  padding-top: 20px;
  padding-bottom: 20px;

}
.sort+div+.boxin{ padding-top:0; clear:both;}
.proin #cms{ padding-top:10px;}

.yingyong .econtent .swiper-container .picli .ntitle,.case .picli .ntitle{ font-size:16px;}

#foot .copy{ background-image:none; padding-left:0;}
.protitle{ padding-top:20px;}
#cms1 .content *{ overflow-x:auto;}
#cms .newsli .date{ display:none;}
#cms .newsli .right{ margin-left:0;}
#cms .newsli .right .ntitle{ font-size:18px;}
#cms .newsli .right .dp{ text-indent:0; font-size:14px;}
#cms .newsli{ padding-top:15px; padding-bottom:15px;}
}

@media screen and (max-width :450px){


.news .l .picli:nth-child(1) .right .dp{ display:none;}
.news .l .picli:nth-child(1) .right .ntitle{white-space:normal;}

#foot .copy{ background-image:none; padding-left:0px; min-height:0; width:100%;}
.pro .picli{ min-height:0; padding-bottom:20px;}
.pro .picli>div{ max-width:90%;}
.pro .picli .img{ width:80%; min-height:0; margin:auto; text-align:center;}
.pro .picli .img img{ max-height:200px;}
.pro .picli .right{ width:100%; padding-top:0;}
.pro .picli .right .ntitle{ font-size:20px; }
.pro .picli .right .dp{ margin-top:10px; font-size:14px; line-height:1.5;}
.pro .picli .right .morei{ padding-top:10px; }
/*.pro .picli .right .morei a{font-size:14px;}*/

.about .left .h1{ font-size:20px;}
.about .left .h2{ font-size:18px;}


#right .picli,.case .left+.right .picli{ width:48%; padding:5px; margin-left:1%; margin-right:1%;}
#right .picli:nth-child(3n+1),.case .left+.right .picli:nth-child(3n+1){ clear:none; margin-left:1%; margin-right:1%;}
#right .picli:nth-child(2n+1),.case .left+.right .picli:nth-child(2n+1){ clear:both; margin-left:1%; margin-right:1%;}
#right .picli div.img > div ,.case .left+.right .picli div.img > div{
  overflow: hidden;
min-height:32vw; max-height:32vw;
}
/*#right .picli div.img > div img { max-height:30vw;}
#right #cms .picli div.img > div img { max-height:32vw;}*/
#right #cms .picli{ margin-bottom:5px;}





.sort div > ul > li, .sort.fixed div > ul > li{  width:calc(50% - 10px);}
/*.protitle ul li{ min-height:120px; overflow:hidden;}
.protitle ul li .t1{ font-size:18px;}
.protitle ul li .img{ min-height:50px;display: flex;
    justify-content:center;
    align-items:center;}
.protitle ul li .img img{ max-width:60%; max-height:50px;}*/



.psort a{ font-size:14px; line-height:1.2; padding-top:10px; padding-bottom:10px;}


.proshow .right .t4 a{border-radius:0;}
.nextpage{ font-size:14px;}

}